<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta content="B2B电商平台" name="description" />
		<meta content="B2B电商平台" name="keyword" />

		<title>B2B电商平台.促销活动统计明细</title>
		<link rel="icon" href="include/images/icss.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="include/images/icss.ico"
			type="image/x-icon" />
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/include/css/global.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/include/css/style.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/include/css/pro.css" />
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/include/css/proManage.css" />
		<link rel="stylesheet"
			href="<%=path%>/include/JQuery ui/css/smoothness/jquery-ui-1.7.3.custom.css"
			type="text/css"></link>
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/include/pagination/page.css" media="all">
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/include/css/mmt_trading.css" />
		<script type="text/javascript"
			src="<%=path%>/include/js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="<%=path%>/include/js/cookies.js"></script>
		<script type="text/javascript"
			src="<%=path%>/include/js/icss.busin.js"></script>
		<script type="text/javascript"
			src="<%=path%>/include/JQuery ui/js/jquery-ui-1.7.3.custom.min.js"></script>
		<script type="text/javascript"
			src="<%=path%>/include/js/icss.common.js"></script>
		<script type="text/javascript"
			src="<%=path%>/include/pagination/jquery.pagination.js"></script>
		<script type="text/javascript"
			src="<%=path%>/include/pagination/init.js"></script>
		<script type="text/javascript" src="<%=path%>/include/js/doT.min.js"></script>
		<script src="<%=path%>/include/DatePicker/WdatePicker.js" charset="UTF-8" type="text/javascript"></script>
		<style type="text/css">
.table tr td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 33px;
}

.table tr th {
	border-left: 1px solid #ddd;
	font-weight: bold;
}
em.create {
    background-position: -50px -44px;
    line-height: 28px;
    display: inline-block;
    font-style: normal;
    background-repeat: no-repeat;
    text-indent: 15px;
    float: right;
    cursor: pointer;
}
.create {
	background: url("<%=path%>/images/coupons/sort_zss.png");
}
#queryId button{
	background-image: url("<%=path%>/include/css/img/xs_bgx.png");
    background-color: transparent;
}
.cxx_btn{
	width: 44px;
    height: 24px;
    background-position: 0px -203px;
    line-height: 24px;
    margin: 0px 0px 0px 5px;
}
a{
	color: #039;
}
</style>
		<script type="text/javascript">
	$(function(){
		_search();
	});

	var pagination;
	function _search() {
		var url = "<%=path%>/promotionStatistics/queryDeatailList.do";
		var data = {
			user_name :$("#user_name").val(),
			order_Id :$("#order_Id").val(),
			promotion_Id :$("#promotion_Id").val()
		};
		pagination = _initPagination({'pageId':'pagination', 'url': url, 'data': data, 'rows': 10, 'callback':_initDataList});
	}
	
	function _initDataList(data) {
	 	var tpl = $('#dataTpl').html();
		$('#tbody').html(doT.template(tpl)(data.rows));
	}	

</script>
	</head>
<body style="font-family: '微软雅黑';">
<input id="promotion_Id" name="promotion_Id" type="hidden" value="${promotion_Id }">
	<div id="contentDiv" style="padding:4px; width:99%;">
		<div class="colnums-2-ab-b">
			<div class="toptil">促销活动统计明细</div>
			<div class="search_lis"
				style="border: 1px solid #e0e0e0;background: #f5f5f5;padding-left:5px;margin-bottom:10px;width:99%;">
				<!--search_lis S-->
				<div class="search_lis_se" style="width:80%;font-size: 14px;line-height: 26px;">
					账号:&nbsp;<input id="user_name" name="user_name" style="height: 24px;width: 120px;padding-left: 3px"/>
					&nbsp;&nbsp;订单号:&nbsp;<input id="order_Id" name="order_Id" style="height: 24px;width: 120px;padding-left: 3px"/>
					<button class="cxx_btn" type="button" onclick="_search()">查询</button>
					<button class="cxx_btn" type="button" onclick="window.history.go(-1);">返回</button>
				</div>
			</div><div class="row-fluid dataTables_wrapper" style="width:100%;">
				<table id="listTable"
					class="table table-hover table-nomargin table-bordered usertable dataTable"
					style="width: 100%; border-spacing: 0;">
					<thead>
						<tr class="trBgd"
							style="background-color: #eee;text-align: center; height: 31px; border: 1px solid #ddd; white-space: nowrap; background-position: 0 -123px; line-height: 30px; font-weight: bold;">
							<th class="t2" style="text-align:center;vertical-align: middle">序号</th>
							<th class="t3" style="text-align:center;vertical-align: middle">账号名称</th>
							<th class="t3" style="text-align:center;vertical-align: middle">订单号</th>
							<th class="t1" style="text-align:center;vertical-align: middle">商品名称</th>
							<th class="t4" style="text-align:center;vertical-align: middle">销售数量</th>
							<th class="t1" style="text-align:center;vertical-align: middle">商品金额</th>
							<th class="t1" style="text-align:center;vertical-align: middle">实付金额</th>
							<th class="t1" style="text-align:center;vertical-align: middle">购买时间</th>
						</tr>
					</thead>
					<tbody id="tbody">
					</tbody>
				</table>
				<div id="pagination"></div>
			</div>
		</div>
	</div>

</body>
</html>
	<script type="text/javascript">
	$(document).ready(function(){
			_reHeight("rightFrame","contentDiv");
	 });
</script>
	<script id="dataTpl" type="text/template">
		{{ for (var i = 0; i < it.length; i ++) { }}   
		{{     var row = it[i]; }}
			<tr style='line-height: 20px;white-space: nowrap;'>
				<td style='width: 4%;text-align:center;vertical-align: middle;'>{{=row.PID}}</td>
				<td style='width: 6%;text-align:left;vertical-align: middle;'>{{=row.USER_NAME}}</td>
				<td style='width: 6%;text-align:left;vertical-align: middle;'>{{=row.ORDER_NO}}</td>
				<td style='width: 8%;text-align:left;vertical-align: middle;'>{{=row.PRODUCT_NAME}}</td>
				<td style='width: 4%;text-align:right;vertical-align: middle;'>{{=row.SELL_AMOUNT}}</td>
				<td style='width: 4%;text-align:right;vertical-align: middle;'>{{=row.SELL_MONEY}}</td>
				<td style='width: 4%;text-align:right;vertical-align: middle;'>{{=row.REAL_MONEY}}</td>
				<td style='width: 8%;text-align:right;vertical-align: middle;'>{{=row.CREATE_TIME}}</td>
				</td>
		     </tr>
		{{ } }}
	</script>
</html>
